<template>
  <view class="YmContent" :animation="animationData">
    <scroll-view scroll-y class="open_membership_1">
      <view class="open_membership_2">
        <view class="open_membership_3">
          <text decode="true" class="open_membership_4">升级为会员,享受会员特权</text>
          <view class="open_membership_5">
            <view class="open_membership_6">
              <text decode="true" class="open_membership_8">月卡:19.9元</text>
              <button
                v-on:click="open1()"
                class="open_membership_10"
                v-if="pduanvip == 'false'"
              >立即开通</button>
              <view class="open_membership_10" v-else>开通成功</view>
            </view>
            <view class="open_membership_7">
              <text decode="true" class="open_membership_9">年卡:400元</text>
              <button v-on:click="open2()" class="open_membership_11">立即开通</button>
            </view>
          </view>
        </view>
        <view class="open_membership_51"></view>
      </view>
      <text decode="true" class="open_membership_12">成为会员,享受专属权益</text>
      <view class="open_membership_15">
        <text decode="true" class="open_membership_16">名称</text>
        <text decode="true" class="open_membership_17">非会员</text>
        <text decode="true" class="open_membership_18">会员</text>
      </view>
      <view class="open_membership_13">
        <view class="open_membership_19">
          <text decode="true" class="open_membership_20">下载视频数量</text>
          <text decode="true" class="open_membership_21">0</text>
          <text decode="true" class="open_membership_22">不限</text>
        </view>

        <view class="open_membership_31">
          <text decode="true" class="open_membership_32">每天ai提问次数</text>
          <text decode="true" class="open_membership_33">0</text>
          <text decode="true" class="open_membership_34">不限</text>
        </view>
        <view class="open_membership_35">
          <text decode="true" class="open_membership_36">充值提现手续费</text>
          <text decode="true" class="open_membership_37">5.0%</text>
          <text decode="true" class="open_membership_38">1.0%</text>
        </view>
        <view class="open_membership_39">
          <text decode="true" class="open_membership_40">拍照搜题费用(元/次)</text>
          <text decode="true" class="open_membership_41">2</text>
          <text decode="true" class="open_membership_42">0.5</text>
        </view>
        <view class="open_membership_43">
          <text decode="true" class="open_membership_44">英语听力(元/小时)</text>
          <text decode="true" class="open_membership_45">10</text>
          <text decode="true" class="open_membership_46">2</text>
        </view>
        <view class="open_membership_47">
          <text decode="true" class="open_membership_48">推荐费用(元/小时)</text>
          <text decode="true" class="open_membership_49">5</text>
          <text decode="true" class="open_membership_50">1</text>
        </view>
      </view>
      <text decode="true" class="open_membership_14">温馨提示:开通后不做退费处理,请认真阅读后再开通。</text>
    </scroll-view>

    <view class="loading">{{ loadingText }}</view>
    <view class="ymBbottom"></view>
  </view>
</template>

<script lang="ts" setup>
import { ref, computed } from 'vue'
import { useGuessList } from '@/composables'
// import  XtxGuess from '../../XtxGuess'
import { onLoad, onPageScroll } from '@dcloudio/uni-app'
// #ifdef MP-WEIXIN

import UniDrawer from '../../components/uni-drawer/uni-drawer.vue'
// #endif
import { openVIP, getVIP } from '@/services/my copy'
import { gethonidanAPI } from '@/services/shequ'
import { guanzhuStore, myStore, ShouyeStore, vip } from '@/stores'
import { nextTick } from 'vue'
const nianji1 = ShouyeStore()
const vip1 = vip()
const activeIndex = ref(0)
const user = myStore()
const pduanvip = ref('false')
const huiyuan = ref<any>('')
onLoad(async (e: any) => {
  let res: any = await getVIP({ user: user.userinfo.username })
  console.log(res.data, 'ddddddd123ddd')
  huiyuan.value = res.data
  if (huiyuan.value[0].huiyuan == 'false') {
    vip1.setvipid(huiyuan.value[0].huiyuan)
  } else {
    pduanvip.value = 'true'
    vip1.setvipid(huiyuan.value[0].huiyuan)
  }
  // uni.hideLoading();
})
// 开通一个月
const open1 = () => {
  //确定开通吗
  uni.showModal({
    title: '提示',
    content: '确定开通吗?',
    success: async function (res) {
      if (res.confirm) {
        console.log('用户点击确定12')
        let res: any = await openVIP({ user: user.userinfo.username,time:'1' })
        console.log(res.data, 'dddddddddd')
        huiyuan.value = res.data
        if (huiyuan.value[0].huiyuan == 'true') {
          pduanvip.value = 'true'
          // 开通成功
          uni.showToast({
            title: '开通成功',
            icon: 'none',
            duration: 2000,
          })
          vip1.setvipid(huiyuan.value[0].huiyuan)
        } else {
          uni.showToast({
            title: '开通失败',
            icon: 'none',
            duration: 2000,
          })
        }
      } else if (res.cancel) {
        console.log('用户点击取消')
      }
    },
  })
}
</script>

<style lang="scss" scoped>
@import url('/src/components/animate.min.css');
//本页面由uniapp切片工具生成，uni-app切片-可视化设计工具(一套代码编译到7个平台iOS、Android、H5、小程序)，软件下载地址：http://www.ymznkf.com/new_view_669.htm
html,
body,
#app {
  height: 100%;
  width: 100%;
}
.YmContent {
  height: 100%;
  width: 100%;
}
uni-page-body,
#app {
  height: 100%;
}
button::after {
  border: none;
  width: auto;
}
input {
  outline: none;
  border: none;
  list-style: none;
  width: auto;
}
.list_item {
  float: left;
}
.ym_hide {
  display: none;
}
.ym_show {
  display: block;
}
.slide-image {
  width: 100%;
  height: 100%;
}
.list_horizontal {
  width: auto;
  display: inline-block;
}
.open_membership_1 {
  white-space: normal;
  width: 749upx;
  height: 100%;
  padding: 0upx;
  overflow-y: auto;
  overflow-x: hidden;
  clear: both;
  float: left;
  border-radius: 0upx;
  font-size: 8upx;
}
.open_membership_1 .open_membership_2 {
  white-space: normal;
  width: 749upx;
  height: 301upx;
  padding: 0upx;
  clear: both;
  margin-top: 0upx;
  margin-left: 0upx;
  float: left;
  background-color: #ff4342;
  border-radius: 0upx;
  border-bottom-left-radius: 150upx;
  border-bottom-right-radius: 150upx;
  font-size: 8upx;
}
.open_membership_1 .open_membership_2 .open_membership_3 {
  white-space: normal;
  width: 654upx;
  height: 204upx;
  padding: 0upx;
  clear: both;
  margin-top: 22upx;
  margin-left: 47upx;
  float: left;
  background-color: #ffe198;
  border-radius: 0upx;
  font-size: 8upx;
}
.open_membership_1 .open_membership_2 .open_membership_3 .open_membership_4 {
  white-space: normal;
  width: 432upx;
  height: 51upx;
  padding: 0upx;
  clear: both;
  margin-top: 17upx;
  margin-left: 17upx;
  float: left;
  border-radius: 0upx;
  color: #646400;
  font-size: 32upx;
  line-height: 51upx;
}
.open_membership_1 .open_membership_2 .open_membership_3 .open_membership_5 {
  white-space: normal;
  width: 620upx;
  height: 129upx;
  padding: 0upx;
  clear: both;
  margin-top: 5upx;
  margin-left: 20upx;
  float: left;
  border-radius: 0upx;
  font-size: 8upx;
}
.open_membership_1 .open_membership_2 .open_membership_3 .open_membership_5 .open_membership_6 {
  white-space: normal;
  width: 612upx;
  height: 46upx;
  padding: 0upx;
  clear: both;
  margin-top: 13upx;
  margin-left: 0upx;
  float: left;
  border-radius: 0upx;
  font-size: 46upx;
  line-height: 46upx;
}
.open_membership_1
  .open_membership_2
  .open_membership_3
  .open_membership_5
  .open_membership_6
  .open_membership_8 {
  white-space: normal;
  width: 268upx;
  height: 46upx;
  padding: 0upx;
  margin-top: 0upx;
  margin-left: 0upx;
  float: left;
  border-radius: 0upx;
  color: #646400;
  font-size: 30upx;
  line-height: 46upx;
}
.open_membership_1
  .open_membership_2
  .open_membership_3
  .open_membership_5
  .open_membership_6
  .open_membership_10 {
  white-space: normal;
  width: 115upx;
  height: 46upx;
  padding: 0upx;
  margin-top: 0upx;
  margin-left: 229upx;
  float: left;
  background-color: #fd4542;
  text-align: center;
  justify-content: center;
  border-radius: 10upx;
  color: #ffffff;
  font-size: 21upx;
  line-height: 46upx;
}
.open_membership_1 .open_membership_2 .open_membership_3 .open_membership_5 .open_membership_7 {
  white-space: normal;
  width: 612upx;
  height: 45upx;
  padding: 0upx;
  clear: both;
  margin-top: 24upx;
  margin-left: 0upx;
  float: left;
  border-radius: 0upx;
  font-size: 43upx;
  line-height: 45upx;
}
.open_membership_1
  .open_membership_2
  .open_membership_3
  .open_membership_5
  .open_membership_7
  .open_membership_9 {
  white-space: normal;
  width: 268upx;
  height: 45upx;
  padding: 0upx;
  margin-top: 0upx;
  margin-left: 0upx;
  float: left;
  border-radius: 0upx;
  color: #646400;
  font-size: 31upx;
  line-height: 45upx;
}
.open_membership_1
  .open_membership_2
  .open_membership_3
  .open_membership_5
  .open_membership_7
  .open_membership_11 {
  white-space: normal;
  width: 115upx;
  height: 45upx;
  padding: 0upx;
  margin-top: 0upx;
  margin-left: 229upx;
  float: left;
  background-color: #fd4542;
  text-align: center;
  justify-content: center;
  border-radius: 10upx;
  color: #ffffff;
  font-size: 24upx;
  line-height: 45upx;
}
.open_membership_1 .open_membership_2 .open_membership_51 {
  white-space: normal;
  width: 654upx;
  height: 74upx;
  padding: 0upx;
  clear: both;
  margin-top: 0upx;
  margin-left: 47upx;
  float: left;
  background-color: #ffe198;
  border-radius: 0upx;
  border-bottom-left-radius: 300upx;
  border-bottom-right-radius: 300upx;
  font-size: 8upx;
}
.open_membership_1 .open_membership_12 {
  white-space: normal;
  width: 392upx;
  height: 40upx;
  padding: 0upx;
  clear: both;
  margin-top: 34upx;
  margin-left: 23upx;
  float: left;
  border-radius: 0upx;
  color: #646464;
  font-size: 32upx;
  line-height: 40upx;
}
.open_membership_1 .open_membership_15 {
  white-space: normal;
  width: 701upx;
  height: 104upx;
  padding: 0upx;
  clear: both;
  margin-top: 22upx;
  margin-left: 24upx;
  float: left;
  background-color: #faede4;
  border-radius: 0upx;
  font-size: 8upx;
}
.open_membership_1 .open_membership_15 .open_membership_16 {
  white-space: normal;
  width: 106upx;
  height: 37upx;
  padding: 0upx;
  margin-top: 33upx;
  margin-left: 122upx;
  float: left;
  text-align: center;
  justify-content: center;
  border-radius: 0upx;
  color: #6c500f;
  font-size: 24upx;
  line-height: 37upx;
}
.open_membership_1 .open_membership_15 .open_membership_17 {
  white-space: normal;
  width: 106upx;
  height: 37upx;
  padding: 0upx;
  margin-top: 33upx;
  margin-left: 156upx;
  float: left;
  text-align: center;
  justify-content: center;
  border-radius: 0upx;
  color: #6c500f;
  font-size: 24upx;
  line-height: 37upx;
}
.open_membership_1 .open_membership_15 .open_membership_18 {
  white-space: normal;
  width: 80upx;
  height: 37upx;
  padding: 0upx;
  margin-top: 33upx;
  margin-left: 81upx;
  float: left;
  text-align: center;
  justify-content: center;
  border-radius: 0upx;
  color: #6c500f;
  font-size: 24upx;
  line-height: 37upx;
}
.open_membership_1 .open_membership_13 {
  white-space: normal;
  width: 701upx;
  height: 601upx;
  padding: 0upx;
  clear: both;
  margin-top: 0upx;
  margin-left: 24upx;
  float: left;
  background-color: #f9f6ee;
  border-radius: 0upx;
  font-size: 8upx;
}
.open_membership_1 .open_membership_13 .open_membership_19 {
  white-space: normal;
  width: 701upx;
  height: 72upx;
  padding: 0upx;
  clear: both;
  margin-top: 0upx;
  margin-left: 0upx;
  float: left;
  border-radius: 0upx;
  font-size: 66upx;
  line-height: 68upx;
}
.open_membership_1 .open_membership_13 .open_membership_19 .open_membership_20 {
  white-space: normal;
  width: 326upx;
  height: 38upx;
  padding: 0upx;
  margin-top: 18upx;
  margin-left: 9upx;
  float: left;
  text-align: center;
  justify-content: center;
  border-radius: 0upx;
  color: #6d500e;
  font-size: 29upx;
  line-height: 38upx;
}
.open_membership_1 .open_membership_13 .open_membership_19 .open_membership_21 {
  white-space: normal;
  width: 106upx;
  height: 38upx;
  padding: 0upx;
  margin-top: 20upx;
  margin-left: 50upx;
  float: left;
  text-align: center;
  justify-content: center;
  border-radius: 0upx;
  color: #6d500e;
  font-size: 29upx;
  line-height: 38upx;
}
.open_membership_1 .open_membership_13 .open_membership_19 .open_membership_22 {
  white-space: normal;
  width: 80upx;
  height: 38upx;
  padding: 0upx;
  margin-top: 20upx;
  margin-left: 81upx;
  float: left;
  text-align: center;
  justify-content: center;
  border-radius: 0upx;
  color: #6d500e;
  font-size: 29upx;
  line-height: 38upx;
}
.open_membership_1 .open_membership_13 .open_membership_23 {
  white-space: normal;
  width: 701upx;
  height: 72upx;
  padding: 0upx;
  clear: both;
  margin-top: 0upx;
  margin-left: 0upx;
  float: left;
  border-radius: 0upx;
  font-size: 66upx;
  line-height: 68upx;
}
.open_membership_1 .open_membership_13 .open_membership_23 .open_membership_24 {
  white-space: normal;
  width: 326upx;
  height: 38upx;
  padding: 0upx;
  margin-top: 24upx;
  margin-left: 9upx;
  float: left;
  text-align: center;
  justify-content: center;
  border-radius: 0upx;
  color: #6d500e;
  font-size: 29upx;
  line-height: 38upx;
}
.open_membership_1 .open_membership_13 .open_membership_23 .open_membership_25 {
  white-space: normal;
  width: 106upx;
  height: 38upx;
  padding: 0upx;
  margin-top: 25upx;
  margin-left: 50upx;
  float: left;
  text-align: center;
  justify-content: center;
  border-radius: 0upx;
  color: #6d500e;
  font-size: 29upx;
  line-height: 38upx;
}
.open_membership_1 .open_membership_13 .open_membership_23 .open_membership_26 {
  white-space: normal;
  width: 80upx;
  height: 38upx;
  padding: 0upx;
  margin-top: 25upx;
  margin-left: 81upx;
  float: left;
  text-align: center;
  justify-content: center;
  border-radius: 0upx;
  color: #6d500e;
  font-size: 29upx;
  line-height: 38upx;
}
.open_membership_1 .open_membership_13 .open_membership_27 {
  white-space: normal;
  width: 701upx;
  height: 72upx;
  padding: 0upx;
  clear: both;
  margin-top: 3upx;
  margin-left: 0upx;
  float: left;
  border-radius: 0upx;
  font-size: 66upx;
  line-height: 68upx;
}
.open_membership_1 .open_membership_13 .open_membership_27 .open_membership_28 {
  white-space: normal;
  width: 326upx;
  height: 38upx;
  padding: 0upx;
  margin-top: 24upx;
  margin-left: 9upx;
  float: left;
  text-align: center;
  justify-content: center;
  border-radius: 0upx;
  color: #6d500e;
  font-size: 29upx;
  line-height: 38upx;
}
.open_membership_1 .open_membership_13 .open_membership_27 .open_membership_29 {
  white-space: normal;
  width: 106upx;
  height: 38upx;
  padding: 0upx;
  margin-top: 25upx;
  margin-left: 50upx;
  float: left;
  text-align: center;
  justify-content: center;
  border-radius: 0upx;
  color: #6d500e;
  font-size: 29upx;
  line-height: 38upx;
}
.open_membership_1 .open_membership_13 .open_membership_27 .open_membership_30 {
  white-space: normal;
  width: 80upx;
  height: 38upx;
  padding: 0upx;
  margin-top: 25upx;
  margin-left: 81upx;
  float: left;
  text-align: center;
  justify-content: center;
  border-radius: 0upx;
  color: #6d500e;
  font-size: 29upx;
  line-height: 38upx;
}
.open_membership_1 .open_membership_13 .open_membership_31 {
  white-space: normal;
  width: 701upx;
  height: 72upx;
  padding: 0upx;
  clear: both;
  margin-top: 5upx;
  margin-left: 0upx;
  float: left;
  border-radius: 0upx;
  font-size: 66upx;
  line-height: 68upx;
}
.open_membership_1 .open_membership_13 .open_membership_31 .open_membership_32 {
  white-space: normal;
  width: 326upx;
  height: 38upx;
  padding: 0upx;
  margin-top: 24upx;
  margin-left: 9upx;
  float: left;
  text-align: center;
  justify-content: center;
  border-radius: 0upx;
  color: #6d500e;
  font-size: 29upx;
  line-height: 38upx;
}
.open_membership_1 .open_membership_13 .open_membership_31 .open_membership_33 {
  white-space: normal;
  width: 106upx;
  height: 38upx;
  padding: 0upx;
  margin-top: 25upx;
  margin-left: 50upx;
  float: left;
  text-align: center;
  justify-content: center;
  border-radius: 0upx;
  color: #6d500e;
  font-size: 29upx;
  line-height: 38upx;
}
.open_membership_1 .open_membership_13 .open_membership_31 .open_membership_34 {
  white-space: normal;
  width: 80upx;
  height: 38upx;
  padding: 0upx;
  margin-top: 25upx;
  margin-left: 81upx;
  float: left;
  text-align: center;
  justify-content: center;
  border-radius: 0upx;
  color: #6d500e;
  font-size: 29upx;
  line-height: 38upx;
}
.open_membership_1 .open_membership_13 .open_membership_35 {
  white-space: normal;
  width: 701upx;
  height: 72upx;
  padding: 0upx;
  clear: both;
  margin-top: 2upx;
  margin-left: 0upx;
  float: left;
  border-radius: 0upx;
  font-size: 66upx;
  line-height: 68upx;
}
.open_membership_1 .open_membership_13 .open_membership_35 .open_membership_36 {
  white-space: normal;
  width: 326upx;
  height: 38upx;
  padding: 0upx;
  margin-top: 24upx;
  margin-left: 9upx;
  float: left;
  text-align: center;
  justify-content: center;
  border-radius: 0upx;
  color: #6d500e;
  font-size: 29upx;
  line-height: 38upx;
}
.open_membership_1 .open_membership_13 .open_membership_35 .open_membership_37 {
  white-space: normal;
  width: 106upx;
  height: 38upx;
  padding: 0upx;
  margin-top: 25upx;
  margin-left: 50upx;
  float: left;
  text-align: center;
  justify-content: center;
  border-radius: 0upx;
  color: #6d500e;
  font-size: 29upx;
  line-height: 38upx;
}
.open_membership_1 .open_membership_13 .open_membership_35 .open_membership_38 {
  white-space: normal;
  width: 80upx;
  height: 38upx;
  padding: 0upx;
  margin-top: 25upx;
  margin-left: 81upx;
  float: left;
  text-align: center;
  justify-content: center;
  border-radius: 0upx;
  color: #6d500e;
  font-size: 29upx;
  line-height: 38upx;
}
.open_membership_1 .open_membership_13 .open_membership_39 {
  white-space: normal;
  width: 701upx;
  height: 72upx;
  padding: 0upx;
  clear: both;
  margin-top: 0upx;
  margin-left: 0upx;
  float: left;
  border-radius: 0upx;
  font-size: 66upx;
  line-height: 68upx;
}
.open_membership_1 .open_membership_13 .open_membership_39 .open_membership_40 {
  white-space: normal;
  width: 326upx;
  height: 38upx;
  padding: 0upx;
  margin-top: 24upx;
  margin-left: 9upx;
  float: left;
  text-align: center;
  justify-content: center;
  border-radius: 0upx;
  color: #6d500e;
  font-size: 29upx;
  line-height: 38upx;
}
.open_membership_1 .open_membership_13 .open_membership_39 .open_membership_41 {
  white-space: normal;
  width: 106upx;
  height: 38upx;
  padding: 0upx;
  margin-top: 25upx;
  margin-left: 50upx;
  float: left;
  text-align: center;
  justify-content: center;
  border-radius: 0upx;
  color: #6d500e;
  font-size: 29upx;
  line-height: 38upx;
}
.open_membership_1 .open_membership_13 .open_membership_39 .open_membership_42 {
  white-space: normal;
  width: 80upx;
  height: 38upx;
  padding: 0upx;
  margin-top: 25upx;
  margin-left: 81upx;
  float: left;
  text-align: center;
  justify-content: center;
  border-radius: 0upx;
  color: #6d500e;
  font-size: 29upx;
  line-height: 38upx;
}
.open_membership_1 .open_membership_13 .open_membership_43 {
  white-space: normal;
  width: 701upx;
  height: 72upx;
  padding: 0upx;
  clear: both;
  margin-top: 5upx;
  margin-left: 0upx;
  float: left;
  border-radius: 0upx;
  font-size: 66upx;
  line-height: 68upx;
}
.open_membership_1 .open_membership_13 .open_membership_43 .open_membership_44 {
  white-space: normal;
  width: 326upx;
  height: 38upx;
  padding: 0upx;
  margin-top: 17upx;
  margin-left: 9upx;
  float: left;
  text-align: center;
  justify-content: center;
  border-radius: 0upx;
  color: #6d500e;
  font-size: 29upx;
  line-height: 38upx;
}
.open_membership_1 .open_membership_13 .open_membership_43 .open_membership_45 {
  white-space: normal;
  width: 106upx;
  height: 38upx;
  padding: 0upx;
  margin-top: 18upx;
  margin-left: 50upx;
  float: left;
  text-align: center;
  justify-content: center;
  border-radius: 0upx;
  color: #6d500e;
  font-size: 29upx;
  line-height: 38upx;
}
.open_membership_1 .open_membership_13 .open_membership_43 .open_membership_46 {
  white-space: normal;
  width: 80upx;
  height: 38upx;
  padding: 0upx;
  margin-top: 18upx;
  margin-left: 81upx;
  float: left;
  text-align: center;
  justify-content: center;
  border-radius: 0upx;
  color: #6d500e;
  font-size: 29upx;
  line-height: 38upx;
}
.open_membership_1 .open_membership_13 .open_membership_47 {
  white-space: normal;
  width: 701upx;
  height: 72upx;
  padding: 0upx;
  clear: both;
  margin-top: 2upx;
  margin-left: 0upx;
  float: left;
  border-radius: 0upx;
  font-size: 66upx;
  line-height: 68upx;
}
.open_membership_1 .open_membership_13 .open_membership_47 .open_membership_48 {
  white-space: normal;
  width: 326upx;
  height: 38upx;
  padding: 0upx;
  margin-top: 18upx;
  margin-left: 9upx;
  float: left;
  text-align: center;
  justify-content: center;
  border-radius: 0upx;
  color: #6d500e;
  font-size: 29upx;
  line-height: 38upx;
}
.open_membership_1 .open_membership_13 .open_membership_47 .open_membership_49 {
  white-space: normal;
  width: 106upx;
  height: 38upx;
  padding: 0upx;
  margin-top: 20upx;
  margin-left: 50upx;
  float: left;
  text-align: center;
  justify-content: center;
  border-radius: 0upx;
  color: #6d500e;
  font-size: 29upx;
  line-height: 38upx;
}
.open_membership_1 .open_membership_13 .open_membership_47 .open_membership_50 {
  white-space: normal;
  width: 80upx;
  height: 38upx;
  padding: 0upx;
  margin-top: 20upx;
  margin-left: 81upx;
  float: left;
  text-align: center;
  justify-content: center;
  border-radius: 0upx;
  color: #6d500e;
  font-size: 29upx;
  line-height: 38upx;
}
.open_membership_1 .open_membership_14 {
  white-space: normal;
  width: 702upx;
  height: 41upx;
  padding: 0upx;
  clear: both;
  margin-top: 18upx;
  margin-left: 23upx;
  float: left;
  border-radius: 0upx;
  color: #646464;
  font-size: 23upx;
  line-height: 41upx;
}
</style>
